.header {
    width: 100%;
    height: 40px;
    background-color: #32373e;
    line-height: 40px;
}

.header-c {
    height: 40px;
}

/* header区域左边 */
.header-left {
    float: left;
}

.header-c .header-left .logo {
    /* 改变元素加载模式 */
    float: left;
    /* 盒模型属性 */
    width: 43px;
    height: 31px;
    padding-top: 9px;
    margin-right: 34px;
}
.header-c .header-left .logo a {
    /* 改变元素加载模式 */
    display: block;
    /* 盒模型属性 */
    width: 43px;
    height: 21px;
    /* 文字、背景属性 */
    background: url(../images/logo.png) no-repeat 0 0;
    text-indent: -99em;
    overflow: hidden;
}

.header-c .header-left .city {
    float: left;
    width: 111px;
    margin-right: 33px;

    /* 鼠标了移上变小手 */
    cursor: pointer; 
}
.header-c .header-left .city span {
    margin-right: 12px;
    color: #0dca9f;
}
.header-c .header-left .city i {
    font-size: 12px;
    color: #afb5c0;
}
.header-c .header-left .city:hover i {
    color: #fff;
} 

.header-c .header-left .nav {
    float: left;
}

.header-c .header-left .nav li {
    float: left;
}
.header-c .header-left .nav li a {
    display: block;
    padding: 0 21px;
    color: #afb5c0;
    position: relative;
}
.header-c .header-left .nav li a:hover {
    color: #fff;
}
.header-c .header-left .nav li.current a {
    background-color: #24282c;
    color: #fff;
}
.header-c .header-left .nav li a .tips {
    position: absolute;
    top:3px;
    right: -2px;
    
    width: 29px;
    height: 18px;

    line-height: 18px;
    text-align: center;
    color: #fff;
    background-color: #ff7452;
    border-radius: 9px;
    font-size: 12px;
}


/* header区域右边 */
.header-right {
    float: right;
}
.header-right a {
    float: left;
    color: #afb5c0;
}

.header-right a:hover {
    color: #fff;
}

.header-c .header-right span {
    float: left;
    padding: 0 8px;
    color: #5e5a50;
  }

.header-c .header-right .upload {
    margin-right: 23px;
}
.header-c .header-right .position {
     margin-right: 66px;
}
.header-c .header-right .login {
    position: relative;
}
.header-c .header-right .login i {
    position: absolute;
    left: -26px;
    top: 11px;
    width: 18px;
    height: 18px;
    background: url(../images/sprite_01.png) no-repeat -76px -136px;
  }
  .header-c .header-right .login:hover i {
    background-position: -76px  -174px;
  }
.header-c .header-right .register {
    margin-right: 52px;
}
.header-c .header-right .app {
    position: relative;
    margin-right: 20px;
    color: #00c295;
}
.header-c .header-right .app:hover {
    color: #81deaf;
}
.header-c .header-right .app i {
    position: absolute;
    left: -20px;
    top: 11px;
    width: 12px;
    height: 18px;
    background: url(../images/sprite_01.png) no-repeat -64px -212px;
  }
  .header-c .header-right .app:hover i {
    background-position: -96px  -212px;
  }